<template>
  <el-dialog v-model="showFieldPopup" title="Tips" width="500" :before-close="handleClose">
    <div>
      <div style="margin-bottom: 10px">
        <span>字段名称:</span>
        <el-input v-model="input" style="width: 240px" placeholder="Please input" />
      </div>
    </div>
    <template #footer>
      <div class="dialog-footer">
        <el-button type="primary" @click="saveInfo">保存</el-button>
        <el-button @click="handleClose">取消</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup>
import { ref, reactive,watch } from "vue";

const props = defineProps({
  showFieldPopup: Boolean,
  fieldId: String
})
const $emit = defineEmits(['showFieldPopupEmit']);
watch(() => props.showFieldPopup, (val) => {
  showFieldPopup.value = val;
})
const showFieldPopup = ref(false);

// 关闭弹框
const handleClose = () => {
  showFieldPopup.value = false;
  $emit('showFieldPopupEmit',false)
}
// 保存字段修改
const saveInfo = () => {
  
}
// 根据id获取字段详情
const x = () => {
  
}
</script>



<style scoped lang="scss">

</style>